<template>
    <div class="activity border-top">
       <div class="activity-item border-right">
           <img src="https://imgs.qunarzz.com/sight/p0/1605/9f/9f600a32f70a2d1290.water.jpg_222x168_e47c6829.jpg" alt="">
       </div>
       <div class="activity-item">
           <img src="https://imgs.qunarzz.com/sight/p0/1807/7d/7d64de6b134d10eaa3.img.jpg_222x168_555f4c36.jpg" alt="">
       </div>
    </div>
</template>

<script>
export default {
    name:'activity'
}
</script>

<style ecoped>
.activity{
    margin-top:.2rem;
    display:flex;
    position:relative;
    background:#fff;
    height: 100px;
}
.activity .activity-item{
    flex:1;
    font-size:.28rem;
    text-align:center;
    line-height:1.0rem;
}
.activity .activity-item img{
    width: 100%;
    height: 100%;
}
</style>